<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>


<html>
<head>
<link rel="stylesheet" type="text/css" href="estilos/estilos.css">
<script src="javascript/funciones.js" type="text/javascript"></script>
<script type="text/javascript">
		var posicion=0;
		var movimientoTerminado=false;
		var otroNivel=<s:property value="nivel.id"/>+1;
		var puntuacionTotal=<s:property value="puntuacionTotal"/>;
		
	</script>
<title>PROYECTO FIN DE CARRERA</title>
</head>
<body onload="calculaPosicionInicial();cuentaRegresiva();">
<s:hidden name="posicionDado1" value="%{nivel.posD1}"/>
<s:hidden name="posicionDado2" value="%{nivel.posD2}"/>
<s:hidden name="posicionDado3" value="%{nivel.posD3}"/>
<s:hidden name="posicionDado4" value="%{nivel.posD4}"/>
<s:hidden name="posicionDado5" value="%{nivel.posD5}"/>
<s:hidden name="posicionDado6" value="%{nivel.posD6}"/>
<s:hidden name="posicionDado7" value="%{nivel.posD7}"/>
<s:hidden name="posicionDado8" value="%{nivel.posD8}"/>
<s:hidden name="posicionDado9" value="%{nivel.posD9}"/>
<s:hidden name="posicionDado10" value="%{nivel.posD10}"/>
<s:hidden name="posicionFinal1" value="%{nivel.posF1}"/>
<s:hidden name="posicionFinal2" value="%{nivel.posF2}"/>
<s:hidden name="posicionFinal3" value="%{nivel.posF3}"/>
<s:hidden name="posicionFinal4" value="%{nivel.posF4}"/>
<s:hidden name="posicionFinal5" value="%{nivel.posF5}"/>
<s:hidden name="posicionFinal6" value="%{nivel.posF6}"/>
<s:hidden name="posicionFinal7" value="%{nivel.posF7}"/>
<s:hidden name="posicionFinal8" value="%{nivel.posF8}"/>
<s:hidden name="posicionFinal9" value="%{nivel.posF9}"/>
<s:hidden name="posicionFinal10" value="%{nivel.posF10}"/>
<s:hidden name="caraDado1" value="%{nivel.caraDado1}"/>
<s:hidden name="caraDado2" value="%{nivel.caraDado2}"/>
<s:hidden name="caraDado3" value="%{nivel.caraDado3}"/>
<s:hidden name="caraDado4" value="%{nivel.caraDado4}"/>
<s:hidden name="caraDado5" value="%{nivel.caraDado5}"/>
<s:hidden name="caraDado6" value="%{nivel.caraDado6}"/>
<s:hidden name="caraDado7" value="%{nivel.caraDado7}"/>
<s:hidden name="caraDado8" value="%{nivel.caraDado8}"/>
<s:hidden name="caraDado9" value="%{nivel.caraDado9}"/>
<s:hidden name="caraDado10" value="%{nivel.caraDado10}"/>
<s:hidden name="puntuacionNivel" value="%{nivel.puntuacion}"/>
<s:hidden name="puntuacionTotal" value="%{puntuacionTotal}"/>

	<h1>
		Nivel
		<s:property value="nivel.id" />
	</h1>
	<s:actionerror />

	<div>
		<table class="centrarTablero" id="tablero">
			<tr>
				<td id="1,1" onclick="mueveDado('1,1')"></td>
				<td id="2,1" onclick="mueveDado('2,1')"></td>
				<td id="3,1" onclick="mueveDado('3,1')"></td>
				<td id="4,1" onclick="mueveDado('4,1')"></td>
				<td id="5,1" onclick="mueveDado('5,1')"></td>
				<td id="6,1" onclick="mueveDado('6,1')"></td>
				<td id="7,1" onclick="mueveDado('7,1')"></td>
				<td id="8,1" onclick="mueveDado('8,1')"></td>
			</tr>
			<tr>
				<td id="1,2" onclick="mueveDado('1,2')"></td>
				<td id="2,2" onclick="mueveDado('2,2')"></td>
				<td id="3,2" onclick="mueveDado('3,2')"></td>
				<td id="4,2" onclick="mueveDado('4,2')"></td>
				<td id="5,2" onclick="mueveDado('5,2')"></td>
				<td id="6,2" onclick="mueveDado('6,2')"></td>
				<td id="7,2" onclick="mueveDado('7,2')"></td>
				<td id="8,2" onclick="mueveDado('8,2')"></td>
			</tr>
			<tr>
				<td id="1,3" onclick="mueveDado('1,3')"></td>
				<td id="2,3" onclick="mueveDado('2,3')"></td>
				<td id="3,3" onclick="mueveDado('3,3')"></td>
				<td id="4,3" onclick="mueveDado('4,3')"></td>
				<td id="5,3" onclick="mueveDado('5,3')"></td>
				<td id="6,3" onclick="mueveDado('6,3')"></td>
				<td id="7,3" onclick="mueveDado('7,3')"></td>
				<td id="8,3" onclick="mueveDado('8,3')"></td>
			</tr>
			<tr>
				<td id="1,4" onclick="mueveDado('1,4')"></td>
				<td id="2,4" onclick="mueveDado('2,4')"></td>
				<td id="3,4" onclick="mueveDado('3,4')"></td>
				<td id="4,4" onclick="mueveDado('4,4')"></td>
				<td id="5,4" onclick="mueveDado('5,4')"></td>
				<td id="6,4" onclick="mueveDado('6,4')"></td>
				<td id="7,4" onclick="mueveDado('7,4')"></td>
				<td id="8,4" onclick="mueveDado('8,4')"></td>
			</tr>
			<tr>
				<td id="1,5" onclick="mueveDado('1,5')"></td>
				<td id="2,5" onclick="mueveDado('2,5')"></td>
				<td id="3,5" onclick="mueveDado('3,5')"></td>
				<td id="4,5" onclick="mueveDado('4,5')"></td>
				<td id="5,5" onclick="mueveDado('5,5')"></td>
				<td id="6,5" onclick="mueveDado('6,5')"></td>
				<td id="7,5" onclick="mueveDado('7,5')"></td>
				<td id="8,5" onclick="mueveDado('8,5')"></td>
			</tr>
			<tr>
				<td id="1,6" onclick="mueveDado('1,6')"></td>
				<td id="2,6" onclick="mueveDado('2,6')"></td>
				<td id="3,6" onclick="mueveDado('3,6')"></td>
				<td id="4,6" onclick="mueveDado('4,6')"></td>
				<td id="5,6" onclick="mueveDado('5,6')"></td>
				<td id="6,6" onclick="mueveDado('6,6')"></td>
				<td id="7,6" onclick="mueveDado('7,6')"></td>
				<td id="8,6" onclick="mueveDado('8,6')"></td>
			</tr>
			<tr>
				<td id="1,7" onclick="mueveDado('1,7')"></td>
				<td id="2,7" onclick="mueveDado('2,7')"></td>
				<td id="3,7" onclick="mueveDado('3,7')"></td>
				<td id="4,7" onclick="mueveDado('4,7')"></td>
				<td id="5,7" onclick="mueveDado('5,7')"></td>
				<td id="6,7" onclick="mueveDado('6,7')"></td>
				<td id="7,7" onclick="mueveDado('7,7')"></td>
				<td id="8,7" onclick="mueveDado('8,7')"></td>
			</tr>	
			<tr>
				<td id="1,8" onclick="mueveDado('1,8')"></td>
				<td id="2,8" onclick="mueveDado('2,8')"></td>
				<td id="3,8" onclick="mueveDado('3,8')"></td>
				<td id="4,8" onclick="mueveDado('4,8')"></td>
				<td id="5,8" onclick="mueveDado('5,8')"></td>
				<td id="6,8" onclick="mueveDado('6,8')"></td>
				<td id="7,8" onclick="mueveDado('7,8')"></td>
				<td id="8,8" onclick="mueveDado('8,8')"></td>
			</tr>
		</table>


		<div id="partida" style="display:none">
			<div class="bloque">Introduzca el nombre de la partida:</div>
			<div class="bloque">
				<s:textfield name="nivelGuardado.nombrePartida" label="Nombre"
					id="nombrePartida" />
			</div>
			<div class="bloque">
				<input type="button" value="Guardar" id="guardarPartida"
					onclick="guardarPartida();">
			</div>
		</div>


		<div id="puntuacionPartida" style="display:none">
			<div class="bloque">
				<s:textfield name="puntuacion.nombre" label="Nombre"
					id="nombrePuntuacion" />
			</div>
			<div class="bloque">
				<s:textfield name="puntuacion.apellidos" label="Apellidos"
					id="apellidoPuntuacion" />
			</div>
			<div class="bloque">
				Nivel:
				<s:property value="nivel.id" />
			</div>
			<div class="bloque">
				Puntuacion:
				<s:property value="puntuacionTotal" />
			</div>
			<div class="bloque">
				<input type="button" value="Guardar" id="guardarPuntuacion"
					onclick="guardarPuntuacion();">
			</div>
		</div>
	</div>

	<div id="reloj"></div>

	<div id="puntuacion">
		PUNTUACION: &nbsp;
		<s:property value="puntuacionTotal" />
	</div>

	<div>
		<div class="siguienteNivel">

			<input type="button" value="Siguiente nivel" style="display: none"
				id="siguienteNivel"
				onclick="document.location.href='obtenerNivel?nivelTablero='+otroNivel+'&puntuacionTotal='+puntuacionTotal">

		</div>

		<div class="guardarPartida">

			<input type="button" value="Guardar partida"
				id="mostrarGuardarPartida" onclick="muestraGuardaPartida();">

		</div>

		<div id="nivelPerdido" style="display: none">

			<div class="reiniciarNivel">

				<input type="button" value="Reiniciar nivel" id="reiniciarNivel"
					onclick="document.location.href='obtenerNivel?nivelTablero='+<s:property value="nivel.id"/>+'&puntuacionTotal='+puntuacionTotal">

			</div>

			<div class="guardarPuntuacion">

				<input type="button" value="Guardar puntuacion"
					id="mostrarGuardarPuntuacion" onclick="muestraGuardaPuntuacion();">

			</div>
		</div>
	</div>


	<div id="verPuntuaciones" class="verPuntuaciones">
		<input type="button" value="Mejores Puntuaciones"
			onclick="document.location.href='mejorPuntuacion'">
	</div>
	<div id="inicio" class="inicio">
		<input type="button" value="Inicio"
			onclick="document.location.href='index'">
	</div>

</body>
</html>